<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>app-modify</title>
  </head>
  <body>
    <div class="modify">
      <div class="mask">
        <div class="modify-means" id="modify-back">
          <a class="modify-back"><</a>
          <p class="means-center">个人资料</p>
        </div>

        <div class="modify-background">
          <!-- 头像 -->
          <div class="weui-cells">
            <a
              aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
              class="weui-cell weui-cell_access"
              href="javascript:"
            >
              <span
                class="weui-cell__bd"
                id="js_cell_tl1_tips"
                aria-hidden="true"
              >
                <b>更换头像</b>
              </span>
              <img id="iconImg" src="../fitness-imgs/undefinedIcon.png" alt="" />
              <input type="file" id="fileImg" style="display: none;">
              <span
                class="weui-cell__ft headIcon"
                aria-hidden="true"
                id="js_cell_tl1_link"
              ></span>
            </a>
          </div>

          <!-- 名字 -->
          <label
            for="js_input1"
            class="weui-cell weui-cell_active"
            style="background-color: #fff"
          >
            <div class="weui-cell__hd">
              <b class="weui-label">昵称</b>
            </div>
            <div class="weui-cell__bd">
              <input
                id="js_input1"
                class="weui-input"
                placeholder="用户名"
                style="text-align: right"
              />
            </div>
          </label>

          <!-- 性别 -->
          <div class="weui-cells" id="sexPicker">
            <a
              aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
              class="weui-cell weui-cell_access"
              href="javascript:"
            >
              <span
                class="weui-cell__bd"
                id="js_cell_tl1_tips"
                aria-hidden="true"
              >
                <b>性别</b>
              </span>
              <span
                class="weui-cell__ft"
                aria-hidden="true"
                id="sex"
                >请选择</span
              >
            </a>
          </div>

          <!-- 生日 -->
          <div class="weui-cells" id="birthdayPicker">
            <a
              aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
              class="weui-cell weui-cell_access"
              href="javascript:"
            >
              <span
                class="weui-cell__bd"
                id="js_cell_tl1_tips"
                aria-hidden="true"
              >
                <b>生日</b>
              </span>
              <span
                class="weui-cell__ft"
                aria-hidden="true"
                id="birthday"
                >请选择</span
              >
            </a>
          </div>

          <!-- 所在省 -->
          <div class="weui-cells" id="proPicker">
            <a
              aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
              class="weui-cell weui-cell_access"
              href="javascript:"
            >
              <span
                class="weui-cell__bd"
                id="js_cell_tl1_tips"
                aria-hidden="true"
              >
                <b>所在省</b>
              </span>
              <span
                class="weui-cell__ft"
                aria-hidden="true"
                id="province"
                >请选择</span
              >
            </a>
          </div>

          <!-- 所在市 -->
          <div class="weui-cells" id="cityPicker">
            <a
              aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
              class="weui-cell weui-cell_access"
              href="javascript:"
            >
              <span
                class="weui-cell__bd"
                id="js_cell_tl1_tips"
                aria-hidden="true"
              >
                <b>所在市</b>
              </span>
              <span
                class="weui-cell__ft"
                aria-hidden="true"
                id="city"
                >请选择</span
              >
            </a>
          </div>

          <!-- 文本域 -->
          <div
            class="weui-cells__group weui-cells__group_form"
            style="background-color: #fff"
          >
            <a
              aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
              class="weui-cell weui-cell_access"
              href="javascript:"
            >
                <b>个人简介</b>
              </span>
            </a>
            <div class="weui-cells weui-cells_form">
              <div class="weui-cell weui-cell_active textarea">
                <div class="weui-cell__bd">
                  <textarea
                    class="weui-textarea"
                    placeholder="多行输入"
                    rows="3"
                    id="sign"
                    maxlength="50"
                  ></textarea>
                  <div
                    role="option"
                    aria-live="polite"
                    class="weui-textarea-counter"
                  >
                    <span id="curNum">0</span>/50
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="modify-btn" id="modifyBtn"><a>保存信息</a></div>
        </div>
      </div>
    </div>
  </body>
</html>
